{% load i18n static common %}
<div style="padding: 10px;min-height: 350px; max-height: 550px;min-width: 550px">
  <form class="layui-form action-form" action="" method="post" id="{{ model_name }}_{{ action_repr }}">
    {% csrf_token %}
    {% with form.form as f %}
      <div style="padding-bottom: 20px">{{ f.emp }}</div>
      <div style="overflow-y: scroll; height: 130px;">
        <div class="layui-form-item">
          {% layui_inline f.punch_time %}
          {% layui_inline f.punch_state %}
        </div>
         {% if  'ENABLE_EPIDEMIC'|get_settings_param %}
            <div class="layui-form-item">
              {% layui_inline f.temperature %}
              {% layui_switch f.is_mask %}
            </div>
        {% endif %}
        <div class="layui-form-item">
          {% layui_inline f.work_code %}
        </div>
        <div class="layui-form-item">
          {% layui_inline f.reason %}
        </div>
      <div class="layui_form_item">
                {% layui_inline f.attachment %}
      </div>
    {% endwith %}
  </form>
</div>
<script>
  layui.use(['form', 'laydate'], function () {
    var form = layui.form;
    var laydate = layui.laydate;
    $("form.layui-form input.layui-datetime").each(function () {
      laydate.render({elem: this, type: 'datetime'});
    });
    $("form.layui-form input.layui-date").each(function () {
      laydate.render({elem: this, type: 'date'});
    });
    $("form.layui-form input.layui-time").each(function () {
      laydate.render({elem: this, type: 'time'});
    });
    {% block form_verify %}
      form.verify({});
    {% endblock %}
    form.render();
  });
</script>